<template>
	<u-popup :show="show" @close="close" border-radius="30px" :height="500">
		<view class="service">
			<view class="service-item1">
				<text v-if="flag">在线客服</text>
				<text v-else>Customer Service</text>
			</view>
			<view class="service-item2">
				<text v-if="flag">电话客服</text>
				<text v-else>Call Us</text>
			</view>
			<view class="service-item3">
				<text v-if="flag">取消</text>
				<text v-else>Cancel</text>
			</view>
		</view>
	</u-popup>
</template>

<script>
	import style from "@/store/style.js"
	export default {
		name:"my-service",
		props: {
			show: Boolean
		},
		data() {
			return {
				flag: style.state.flag
			};
		},
		methods: {
			close(){
				this.$emit('newShow', false)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.service{
		text-align: center;
		.service-item1{
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid gainsboro;
		}
		.service-item2{
			padding-top: 10px;
			padding-bottom: 15px;
			border-bottom: 5px solid gainsboro;
		}
		.service-item3{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
	}

</style>